الموضوع الأول بذج Form‏ 


: ۴٥۲۳ النموذج‎ . 

بج يستخدم الأمر <60650/> >٠<‏ لتصميم نافذة نموذج لاضافة مجموعة من عناصر صفحة الويب 
مثل أزرار أو حقول تستخدم لادخال بيانات بغرض ارسالها لموقع الويب ليتم تخزينها. 

. إضافة حقل الاسم : 

> اضافة صندوق نص هرع7 : يستخدم لادخال بيانات نصية عن طريق الكتابة داخل الصندوق من لوحة 


<input type = "text"> 













خلال الكود input type ="radio">‏ . 
0 نلاحظ : أنه يمكن اختيار الزرين مغاء ولمعالجة ذلك ( أي 
الخاصية 8/3706 وتستخدم لتحديد أسماء أزرار الاختيار ولكي يتم خیچ 
التالى: 
⁄ اعطاء اسم مثل "" للاختيار الأول . 
” اعطاء اسم مثل "و" للاختيار الثاني . zz‏ 


” وذلك حتى يمنع اختيار الزرين معا كما بالكود: ‏ | <۾ "دم np type = "a0"‏ ذكر 






n put type = "radîo" name=" a"‏ أشي 
</form>‏ 


























© مثال : اختيار اللغة التي تجيدها : 
بد من خلال الأمر <"يروطا»اء 06 
ملحوظة : تكرار الأمر السابق لإضافة أكثر من صندوق اختيار لصفحة الويب. 











الكود : <0,00]> 3| 
<,ا>اختر اللغة التي تجيدها 3) 

)2 رمم > العربية‎ type = “checkbox”> 
|5 غدامم > الإنجليزية‎ type = “checkbox”> 
|2 îall<input type = “checkbox"> 


|2 </form> 
- ن أن يوم بالعديد من الوظائف مثل تسجيل بياناتك‎ 




















خاصية الاتجاة من اليمين إلى اليسار ج ‏ <"ا"= ال بإلددط> 

توسيط 4% <center>‏ 
أمر إنشاء سطر جديد < <>< ط><۲طا> تسجل بيانات طالب 
<form action="pro.php">‏ 


<input type="text"><br><br><br>‏ الاسم 


































>in put type="password" ><br><br><br>‏ كلمة المرور| 
<input type="password "><br><br><br>‏ تأكيد كلمة المرور| 
>input type="text" ><br><br><br>‏ السن بالأرقام| 

| النوع‎ <input type="radio" > ذكر‎ <input type="radio" < أنثى‎ 





<br><br><br> 
<input type="reset" val 


لع الإجدة 7 دیزی 1افرنسي 1 ادم 
عم n‏ 


لاشيم الأيؤاسية للغة م ا؟ دلاول 
فيد ا ١‏ 1 


vw 














نه تستخدم لغة +م[]56 90ل ؛ لجعل 


صحيحة . 
أذ أساسيات لغة اصا۶ لاقل 
.١‏ أوامر وتعليمات لغة غم1]ع5 ولاهل تسمى جمل 16015 
؟. تكتب جمل 6م51 هلال داخل الأمر <6م1/ع5> <4مأم: 
.٠"‏ يجب انهاء كل جملة بفاصلة منقوطة ( ;) . 





© جملة :ماق : 
|“ تستخدم جملة 6,6اج : لعرض رسالة داخل صندوق مما 
7“ لإظهار صندوق الرسالة من خلال الأمر : 


































أن جملة document.write‏ : 
0“ تستخدم لإظهار رسالة مكتوبة على صفحة الويب نفسها. 









<script> 
docu ne". wrt)" ادة الكمبيوتر وتكنولوجيا المعلومات‎ 
</script> 





الموضوع الثاني : استدعاء كود غمامع5 303ل 
بع unction Ald‏ جموعة من لتي تنفذ عند استدعائهاء ويجب إعطاء اسم مناسب للدالة 





function country( ( 


١ 
۸ا٠۲‎ )" :("العربية مصر جمهورية‎ 


> ملحوظة: 

به استدعاء الدالة 0« 
إضافة زر أمرم0غ04ا8 ٠‏ 
إضافة الخاصية )ءامن لزر ١0خ .8u‏ 


الخاصية /16اعم0 تكون قيمتها هي اسم الدالة المطلوب استد 







ick="country()" value="click me"> 4 استدعاء الدالة‎ 


ب التعامل مع محتوى صندوق نص ×0× : 
.١‏ يظهر صندوق نص وزر أمر مص )11ح بعد كتابة نص داخل هذا الصندوق . 
۲. وعند النقر على زر الأمر. 

. يظهر صندوق الرسالة يعرض محتوى صندوق النص . 





























الكود: <بودطا>ا 
98- تم وضع اسم للفورم ‏ >"1 <form name="for‏ 
تم وضع اسم لصندوق النص ‏ <"1ع"-6م,هم <input type="text"‏ 
استدعاء Will‏ < "عم <input type="button" onclick="country()" value="click‏ 










function country( ) ائشاء الدالة‎ 


/ قيمة صندوق النص الموجود بالفورم ز(عدااها.0651.41؟) ۲۲ا 


N 





</script> 
</body> 8 
If Statement Eرفل‎ û الموط‎ 
. التفرع یہ ااعہ و8 : تنفيذ ( أى أو جمل تبعا لفقجة اختبار تعبير شرطي معين‎ > 
<=50( مثال بفي حالة اختبار مجموع درجاتك ( عك أكبر من أو يساوي‎ 
. درجتك ۴| ) سيتم طباعة ناجع‎ 
1 ب لاختبار التعبير الشرطي يتم استخدام جملة ۴| ويكتب الكوا‎ 
If Condition 
ه٠ الأوامر والجمل يتم ليذ ر الشرطي‎ 
1 


به ملحوظة : في حالة عدم تحقق التعبير الشرطي لا ينفذ الكود ما بين الفو. 











.١‏ صندوق نص . حت 
. زر أمر" مجموع " a“@‏ 
۳. عند نقر زر مجموع تظهر كلمة ناجح إذا كانت الدرجة أكبر من ٠.‏ الا 

من خلال الكود : 






form1"> 
<input type="text" name="t1"> 












































<input type=" button" value=" اءأاعمن " المجموع‎ 
</form> 

<script> 

|funetion country( ) 


3 
> 


اء الدالة_()1) التي يتم تنفيذها عند النقر على الزر أ ناء 


اختبار محتوى صندوق النص الموجود داخل النموذج عن طريق 
الخاصية ٠ا‏ حيث القيمة "" تعني أن صندوق النص فارغ 


1 
1 


</script> 

















































لية التي 
المستخدم کے ريق لوت کک الى ملا ا كرد مhم.data‏ وتكون 
جهاز الخادم . 
ابة كلمة" ارسال " على الزر 
الزر يستجيب للنقر بالماوس ويقوم 
الة ()1) ) وأمر نامء لإستقبال القيمة الراجعة من 











ضغط عليه يظهر صندوق رسالة تحذيرية" طول كلمة المرور لايقل 
أمرور تقل عن 8 رموز . 

<html> 

<head> ١ 

</head> 

<body dir="'rtl"> 

<form name="form1" actloê™ 


</form> 
<seript> 
(function f1( () 






أحرف ")ماه 


return falşe;, 
j 


0) 
</script> 
</body> 
</html> 





586 إذج بصفعة لوين 
١‏ ب مون ا ا لزي الل لين 


۲. صندوق لإ ادخال كلمة المرور“ اعد إدخال كلمة المرور" 
۲ الزر "ارسال" اراك عند الضغط عليه يت مقارنة محتوى الصندوقين: في حالة عدم تطابق قيمتيهما 






























<body dir="rtl"> 
form1" action="data.php"> 





"text1"> 


<input type="password" name="text2"> 
<br> 
<input type="submit" value=" ارسال‎ " onclick="return f1( );' 






. صندوق نص . 
۲, الزر "ارسال" اص انك عند الضغط عليه يتم اختب 
۴. وفي حالة ادخال قيمة غير عددية تظهر رسالة تحذيره 


text1' 
1" ارسال‎ " onclick="return f1();"/> 


if (isNaN(form1.text1.value))( 
ا٠۲)" أدخل قيمة عددية‎ 



















































© سرقة الهوية :700 1dentity‏ 
كه إنتحال أو إستخدام شخص ما اسم شخص آخر أو أي معلومات تتعلق به لسرقة أو سرقة غيره . 
© البرامج الضارة ۷212۲ 

اللبرامج العدائية أو المتطفلة أو المزعجة التي تتسلل مستترة لأنظمة برامج الكمبيوتر واسمها 
کی الكلمات | يوا الع اخبيث و م برامج ولتفادى هذه البرامج يمكنك استخدام 












E SES سد‎ rh 
اله قى متصفح الانترنت الخاص بك.‎ 
٠١ «<< الفيروس ودم1/‎ © 











> برنامج صغير ضارآلَاقدّرة عليزا التشار ا لاني يصيب أجهزة الكمبيوتر والبرامج . 

© الرموز السرية. 9١‏ 

بي نقصد بها كافة البياناتالأخصيآإإلتي تَجْطَلّي فرد يتعامل مع وسائل تكنولوجيا المعلومات 
والاتصالات والتي لإأذبغي الكدق ها لآي القكيمئل : اسم المسظقدم ©20م:هولا وكلمة المرور 





سكم عند التعامل مع الإنترنت 
© بعض المواقف الحيانية 1 
المشكلة 


احيانا يكون التسجيل بإدخال اسم المستخدم والرقم 
السري للصفحة على موقع التواصل الاجتماعي 


3 درا 











أه التطبيقات على 





إبهدف الاشتراك في التطبيق وارسال المعلومات ني سر 4 
المطلوبة وقد يتعرض المستخدم احيانا لسرقة ah e‏ 
أحسابه الشخصي وخصوصا وأن هذه التطبيقات في حت 


إكثير من الاحيان تكون بهدف الهاك. 
وضع بعض المستخدمين وخاصة على مواقع 
التواصل الاجتماعي صور شخصية لهم او لأفراد 





ج حل من 
ل رك قار لابد التأكيد على 





المستخدم للوقوع في عمليات إبتزاز أو التشهير أو 
االتعامل معها بشكل غير آمن عن طريق برامج 
امتخصصة في الصور مثل برنامج الفوتوشوب 
أوخلافه. 

اوضع أرقام تليفونات وبيانات شخصية مثل عنوان 
السكن أو مكان العمل وتفاصيله عند التسجيل في 
المنتديات أو عمل حساب شخصي على مواقع 


يكم املد ةمةح تعزوت فق 





اخفانها إذا لزم الأمر عند 
إنشاءصفحات على مواقع تواصل أو منتديات 









































التواصل قد يتعرض المستخدم للوقوع احيانا 


المستخدم من صغار السن 
ولا يوجد رقابة منزلية كافية عند التسجيل على هذه 


التحدث مع أشخاص غريبة بهدف التعارف وتبادل 
|الآراء والثقافات عبر مواقع التواصل الاجتماعي قد 
ض الاشخاص وخاصة ب 
ية وقد , دی هذا للوقوع a TE‏ 
اشخاص يستخدمون اسماء حركية وليست حقيقة 
وكذلك لمزيد من الاطمنئان ان يكون هناك اصدقاء 





© ارشادات هامة للاستخدام الأمن للإذ 

. الحفاظ على كلمة المرور واسم المستخدم الا : 

۲. فكر جيداً قبل نشر الصور الشخصية أو إرسال نصوص أو 

", استنذن صاحب الشأن قبل نشر صور الغير أو إرسال بريدهم 

. ل تقبل أية رسائل مجهولة المصدر‎ .٤ 

ه. لتقم بإضافة آخرين لقائمة الأصدقاء مالم تكن تعرفهم معرفة شخصية . 

1, إذا كنت غاضباً فلا تفم بإرسال أية رسائل .. 

۷. عليك أن تدرك أن عدم اتخاذ موقف حيال عمليات التعدي التي تشهدها بعد وعًا 
بائخاذ إجراء مناسب أو إخبار من تثق بهم من الكبار. 

. تعلّم كيفية حظر وصول بعض الأشخاص إلى غرف الدردشة والإبلاغ عنهم: وكيفية حفظ أو طباعة نسخة من أي 
حوار؛ فقد يحتاج والدايك الإبلاغ عنها. 

5. تعلم أيضا حظر الرسائل العدانية أو استلام أية رسائل إلكترونية مزعجة من أشخاص بعينهم, 

٠.إدراك‏ أن الحوارات عبر الإنترنت ليست ذات خصوصيةء فقد يقوم آخرون بنشر هذه الحوارات وطباعتها واطلاع 
الآخرين على أي تعليقات أو صور تقوم بنشرها. 











































© بعض المصطلحات العامة المستخدمة في الاستخدام الأمن للإنترنت: 


E 
سا تك عدم هد‎ 


LZ SEZ ZER CZ 
Spam زعجة‎ ATM 


التصيد الاحثالي 
Happy‏ أزيون الاجتما Social interactive‏ 
Slapping‏ التناعلي television‏ 


CE LE N E 


























الأسئلة والتدريبات للوحدة الاؤلى: الدرس الأول 


© أكنب المصطلح العدمى الدال على || الآتية 

-١‏ يستخدم مع الأزرار والحقول المضافة لصفحة الويب بغرض ادخال بيانات وارسالها لكى تخزن على موقع الويب 
(Form )‏ 

۲- يسمح لك باختيار بديل واحد فقط من عدة بدائل (201, ) 








© ضع علامة صح أمام العبارة الصحبحة وعلامة خطأأمام || 
-١‏ فى صفحة الويب لا يشترط وجود نموذج لكى يتم ارسال البيانانا 
۲- لإلغاء امكانية اختيار زر اختيار بديل واحد فى نفس الوقت نستخدم الخاصية 
فا 
۴ء لإضافة حقل لإدخال اسم الطالب يتم اضافة صندوق النص 82019 ( *) * 





الاسئلة والندريبات للدرس الشانى 
© ضح علامة صح امام العبارة الصحيحة وعلامة خطأ أمام العبارة الخطأ 
-١‏ لاختيار اللغة التى تجيدها أو أكثر من لغة يتم اضافة صناديق الاختيار لصفحة الويب ( ⁄) 
۲- تستخدم الخاصية 03006 لتحديد النص الذى يظهر على الزر (×) 
"- زر اأص سء يستخدم لحذف البيانات المكتوبة داخل حقول الادخال (*) 
































-١‏ زر 84408 يستخدم لتنفيذ أحد المهام الى تقوم بتوصيفها من خلال كتابة كود 


۲- زد طاو يستخدم لارسال البيانات 





- زر امو يستخدم لحذف البيانات 







N TESEL EET 
ارو ر تتت ہی سا وت ا‎ 


اه لقراءتها ( »اه ) 
(عالس مو ةلمم ) 


1- لابد من كتابة جمل 4م5/1 فى ملف 
۳ يجب انهاء كل جملة 513٠٠۸۲‏ بفاصلة منقوطة (; 
-٤‏ فى لغة 4م561 مه( لا يوجد فارق بين حالة الأحرف صغيرة 
الأسئلة والتدريبات 
© أكمل العبارات التالية 
-١‏ إذا أردت ان تنفذ جمل ال 6م561 مةل عند وقوع حدث مثل النقر على زر أمر 
استخدام دالة اہ 
۲- الدالة 0أ ن؟ هى مجموعة من الآوامر التى تنفذ عند استدعائها وب 
وظيفتها 
© ضع علامة صح أو خطا أمام العبارات الاتية 
-١‏ يتم اضافة الخاصية ما۷ لزر الأمر مهنع لإستدعاء دالة أو تنفيذ كود ماءء جز (»*). 
1 تستخدم الخاصية 0|161 لكتابة نص يظهر على الزر (*). 
۳ لوصول الى محتوى صندوق النص لابد من اعطاء اسم للنموذج واسم لصندوق النص ( ⁄) 
-٤‏ يتم كتابة جمل لغة مء علاول داخل الامر <ام 51> ( ⁄) 




























الاسئلة والتدريبات للدرس الثالث 


© أكتب المصطلح العلمى الدال على العبارات الآتية 
-١‏ تنفيذ أو عدم 





فيذ أوامر أو جمل تب 
(جمل التفرع ) 
ختبار التعبير الشرطى 





بة وعلامة خطأ أمام العبارة الخطأ 
ينفذ الكود ما بين القوسين ( ×) 
2< ويكون جواب الشرط نعم ( ⁄) 


ترك حقول فارغة 
٠‏ عدم مطابقة كلمة المرور 
٠‏ ادخال اى نوع من البيانات فى الحقل 
٠‏ كتابة عدد غير محدد من الحروف والارقام فى الحفل. 
© ضح علامة صح امام العبارة الصحيحة وعلامة خطا امام اغيارة || 


"" لمطابقة كلمة المرور نستخدم الشرط‎ -١ 


أن- طول البيان المدخل فى صندوق النص أقل من او يساوى ۸ حروف form1.text1.value.|engh<=8‏ ( 7( 
1 لتحقق من عدم ترك حقل فارغ نستخدم الكود مں|fOFM1.teXÊ1.value!==form1.text2,va‏ )<( 
/- لمنع ادخال بيانات عددية فى صندوق النص نستخدم الشرط (عداه/.0601.]671؟ ) 1۸۵۸ ( >« 





























الاسئلة والتدريبات للوحدة الثالثة 





© السؤال الاول : أكمل |١‏ 
١‏ انتحال او استخدام شخص ما اسم شخص اخر أو اى معلومات تتطق به لسرقته أوسرقة غيره يسمى سرقة الهوية 
identity theft‏ 


برامج كمبيوتر تقوم بتجميع المعلومات الشخصية عن المستخدمين دون الحصول على 












ة على الانتشار الذاتى يصيب أجهزة الكمبيوتر والبرامج هو الفيرس 5داءالا 
الشخصية التى تخص آى فرد يتعامل مع وسائل تكنولوجيا المعلومات 
لآى اعد مثل إسنم المستخدع_وكلمة الول 





-١‏ التحدث مع أشخاص غريبة هيقل تعر 


- والتاكد من بيانات الشخص وهويته ) 

استمارات فيه ققآصيل وبيانات شخصية 
( التاكد من وجود هذه الشركات فعلا وما 

© السؤال الثالث : أكتتب كدمة صح امام 

-١‏ يمكنك نشر صور الغير او إرسال بريدهم الالكترونى و 

۲- عند التعامل مع الانترنت لا تقبل أية رسائل مجهولة المصدر 

1 عدم اتخاذ موقف حيال عمليات التعدى التى تشهدها على 

4- الحوارات عبر الانترنت ذاث خصوصية فلا يمكن لآخرين بنسخاً 























